<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<ul v-cloak class="pagination pagination-sm no-margin pull-left customPagination">
	<li class="customPage" v-if="page.total>0"><p>每页 {{size}} 条,共 {{page.total}} 条</p></li>
	<li class="customPage" v-else><p>暂无数据</p></li>
</ul>
<ul v-cloak v-if="page.total>0"
	class="pagination pagination-sm no-margin pull-right dropup customPagination">
	<li class="pull-left customPage">
		<p> 请输入页码：</p>
	</li>
	<li class="pull-left customPage">
		<input type="number" min="1" :max="page.pages" class="toPage" @keyup.enter="toPage" :value="page.current">
	</li>
	<li class="pull-left customPage">
		<div class="dropdown">
			<button class="btn btn-default btn-sm dropdown-toggle" style="border-left: none"
					type="button"
					id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true"
					aria-expanded="true">
				显示数量: &nbsp;{{size}} &nbsp; <span class="caret"></span>
			</button>
			<ul class="dropdown-menu" aria-labelledby="dropdownMenu1" style="min-width: 110px">
				<li><a href="javascript:void(0)" @click="reSizePage">10</a></li>
				<li><a href="javascript:void(0)" @click="reSizePage">20</a></li>
				<li><a href="javascript:void(0)" @click="reSizePage">50</a></li>
				<li><a href="javascript:void(0)" @click="reSizePage">100</a></li>
			</ul>
		</div>
	</li>
	<li v-if="page.current>1">
		<a @click="firstPage"
		   href="javascript:void(0)">首页</a></li>
	<li v-if="page.current>1">
		<a @click="prePage"
		   href="javascript:void(0)">上一页</a></li>
	<li v-if="page.pages>1&&page.current<page.pages">
		<a @click="nextPage"
		   href="javascript:void(0)">下一页</a></li>
	<li v-if="page.current<page.pages">
		<a @click="lastPage"
		   href="javascript:void(0)">尾页</a></li>
</ul>